<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="Sofabulous.css" />

<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script>
<script type='text/javascript' src='/GoGoGadget/JavaScriptFunctions.js'></script>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Job Name</title>
</head>
<body onload="initializeJobInfo()">
	<div id = "welcome">
		Go Go Gadget Business!
	</div>
	
	<div id = "nav">
	<ul>
		<li><a href="StartPage.jsp">Home</a></li>
		<li><a href="BusinessList.jsp">Businesses</a></li>
		<li><span>Your Business</span></li>
		<li><a href="mySubscriptions.jsp">Subscribers</a></li>
	</ul>
	</div>
	
	<div id = "main">
		<div id = "subnav">
		<ul>
			<li><a href="Business.jsp">Your Info</a></li>
			<li><a href="ClientList.jsp">Clients</a></li>
			<li><a href="EmployeeList.jsp">Employees</a></li>
			<li><a href="TimeSheetList.jsp">Time Sheets</a></li>
			<li><span>Jobs</span></li>
			<li><a href="PendingBlogs.jsp">Reviews</a></li>
			<li><a href="Finance.jsp">Finance</a></li>
			<li><a href="EmailPage.jsp">Email</a></li>
			<li><a href="GoogleMapsPage.jsp">GoogleMaps</a></li>
			<li><a href="PayrollPage.jsp">PayRoll</a></li>
			<li><a href="RemoveBusiness.jsp">Delete Account</a></li>
			<li><a href="/GoGoGadget/LoginServlet">logout</a></li>
		</ul>
		</div>
	</div>	
	
	<div id=subsubnav>
		<ul>
			<li><a href="JobList.jsp">Job List</a>&#8594;</li>
			<li><span>Job Info</span></li>
			<li><a href="CreateJob.jsp">Create Job</a></li>
		</ul>
	</div>
	
		<h1 id="JobHead">Job Information</h1>
		<button onclick="deleteJob()" id="deleteJobButton">Delete Job</button></br>
		<a>Job ID:					</a><input type="text" disabled=true id="jobID"/></br>
		<a>Client ID:				</a><input type="text" disabled=true id="clientID"></br>
		<a>Estimated Price:			</a><input type="text" disabled=true  id="estPrice"></br>
		<a>Actual Price:			</a><input type="text" disabled=true  id="actPrice"></br>
		<a>Amount Paid:				</a><input type="text" disabled=true  id="amtPaid"></br>
		<a>Expected Start Date:		</a><input type="text" disabled=true  id="expStartDate"></br>
		<a>Actual Start Date:		</a><input type="text" disabled=true  id="actStartDate"></br>
		<a>Expected Finish Date:	</a><input type="text" disabled=true  id="expFinishDate"></br>
		<a>Actual Finish Date:		</a><input type="text" disabled=true  id="actFinishDate"></br>
		<a>Street Address:			</a><input type="text" disabled=true  id="street"></br>
		<a>Province:				</a><input type="text" disabled=true  id="province"></br>
		<a>City:					</a><input type="text" disabled=true  id="city"></br></br>
		<div id="buttons">
			<button onclick="jobInfoEdit()">Edit</button><button onclick="revertChanges()">Undo Changes</button>
		</div>
		<button onclick="findJobLocation()">Find Job</button>
	<div id = "talk">
		<h3><u>Employees On Job</u></h3>
		<ul id="empList"></ul>
	</div>
</body>
</html>